<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:include="include :: header('质检上架单')" />
	<th:block th:include="include :: list-css" />
    <style>
        .layui-tab-title{border-color: #ccc !important;}
        .layui-this{color: rgb(0, 135, 250) !important;background: none !important;}
        .layui-tab-brief > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:after{border-color:  rgb(0, 135, 250) !important;}
        .mid-content {overflow: auto;}
    </style>
</head>
<body class="no-skin">
	<div class="main-container" id="main-container">
		<div class="main-content">
			<table class="layui-hide" id="dhtable" lay-filter="ftable"></table>
		</div>
	</div>
	<th:block th:include="include :: footer" />
	<th:block th:include="include :: businessJS" />




<script th:inline="javascript">

    var $, layer, form, table, laydate, util, wherestr = {};
    var scroll = {X: '', Y: ''};
    var pagenum = 1
    layui.use(['table', 'form', 'layer', 'jquery', 'element'], function () {
        $ = layui.$, layer = layui.layer, form = layui.form, table = layui.table, element = layui.element;
        $.tablelist.init({
            elem: '#dhtable',
            cols: [ [
				{field:'productCode', width:120, title: '商品编码', align: 'center'}
				,{field:'productName', width:200, title: '商品名称', align: 'center'}
				,{field:'vgsBm', width:120, title: '公司编码', align: 'center'}
				,{field:'vgsMc', width:200, title: '公司名称', align: 'center'}
				,{field:'vgsJc', width:120, title: '公司简称', align: 'center'}
				,{field:'locationHw', width:120, title: '货位', align: 'center'}
				,{field:'productNumChange', width:120, title: '变化数量', align: 'center'}
				,{field:'productNumLeft', width:120, title: '剩余数量', align: 'center'}
				,{field:'remark', width:120, title: '备注说明', align: 'center'}
				,{field:'createTime', width:180, title: '操作时间'}
            ] ]
			,data: $.parseJSON(JSON.stringify([[${dto.rows}]]))
            ,toolbar: '#toolbar'
            ,defaultToolbar: [{title: '列设置', layEvent: 'fieldSet', icon: 'layui-icon-set'}]
            ,height: 'full-46'
            ,done: function (res, curr, count) {
            }
        });
        
        //监听排序事件
        table.on('sort(ftable)', function (obj) {
            $.tablelist.sort('dhtable', obj);
        });
    })
</script>
</body>
</html>